<template>
    <div class="loading" v-if="this.state == 1">
        <van-empty description="当前时间段不可访问该问卷"> </van-empty>
        <!-- <van-loading type="spinner" :vertical="true" color="#1989fa" text-color="#1989fa">当前时间段不可访问该问卷</van-loading> -->
    </div>
    <div class="loading" v-else>
        <van-loading type="spinner" :vertical="true" color="#1989fa" text-color="#1989fa">努力加载中</van-loading>
    </div>
</template>

<script>

import { mapState, mapMutations } from "vuex"


export default {
    data() {
        return {
            join: "",
            state: ""
        }
    }, 
    computed: {},
    methods: {
        // 获得问卷
        // 根据问卷里面的 类型判断 登录方式
        async getSurveyInformation() {
            let res = await this.$ajax.getSurvey({
                sd: this.sd
            })
            if (res.code === 0) {
                console.log(res, 'res数据');
                this.getSurveyStyle(res.data.survey.survey_style) //风格
                this.getSurveyList(res.data.survey) //问卷相关信息存储全局

                this.getLoginType(res.data.survey.password_type) // 登录方式存储全局
                switch (this.loginType) {
                    case 1:
                        this.$route.name != 'verifylogin' && this.$router.push({ name: 'verifylogin' })
                        break;
                    case 2:
                        this.$route.name != 'indexlogin' && this.$router.push({ name: 'indexlogin' })
                        break;
                    case 3:
                        this.$route.name != 'shortmessagelogin' && this.$router.push({ name: 'shortmessagelogin' })
                        break;
                    case 4:
                        this.$route.name != 'surveyanswer' && this.$router.push({ name: 'surveyanswer' })
                        break;
                    default:   // 默认访问的 
                        this.$route.name != 'indexlogin' && this.$router.push({ name: 'indexlogin' })
                        break;
                }
                // if (this.loginType == 1) {
                //   if (res.code == 0) {
                //     // 跳转库内短信手机验证吗

                //   } else {
                //     this.$toast.fail(res.msg)
                //   }
                // } else if (this.loginType == 2) {
                //   if (res.code == 0) {
                //     // 姓名+ 学籍登录
                //     this.$router.push({ name: 'indexlogin' })
                //   } else {
                //     this.$toast.fail(res.msg)
                //   }
                // } else if (this.loginType == 3) {
                //   if (res.code == 0) {
                //     // 手机短信验证
                //     this.$router.push({ name: 'shortmessagelogin' })
                //   } else {
                //     this.$toast.fail(res.msg)
                //   }
                // } else if (this.loginType == 4) {
                //   if (res.code == 0) {
                //     //  公开问卷 （直接跳转到开始问卷页面）
                //     this.$router.push({ name: 'surveyanswer' })
                //   } else {
                //     this.$toast.fail(res.msg)
                //   }
                // }
            } else if (res.code == 107) {
                this.$toast.fail(res.msg)
            } else if (res.code == 103) {
                this.state = 1
                this.$toast.fail(res.msg)
            } else {
                this.$toast.fail(res.msg)
            }
        },

        // url 转码
        getUrlParam(name = 'sd') {
            var url = window.location.href;
            var reg = /[?&]+([^=&]+)=([^&]*)/gi;
            var parameters = {};
            url.replace(reg, function (match, name, paramValue) {
                parameters[name] = paramValue; // 存储参数及其值到parameters对象中
            });
            console.log(parameters)
            if (parameters[name]) {
                var index = parameters[name].indexOf("#");
                console.log(index)
                // #号存在处理
                // 不存在不处理
                if (index !== -1) {
                    var sd = parameters[name].split('#')[0];
                    // this.getSd(sd)
                    this.getSd(sd || '29-4206')

                } else {
                    // this.getSd(parameters[name] )
                    this.getSd(parameters[name] || '58-4206')
                    // sd=37-4206 公开问卷
                    // sd=1-4206 学籍号登录问卷
                    // sd=26-4206 库内手机号登录
                    // sd=29-4206 


                }
            } else {
                this.$toast.fail('出错啦！！！')
                this.getSd('29-4206')
            }
        },

    },
    // 先
    created() {
        this.getUrlParam()
    },
    // 后
    mounted() {
        this.getSurveyInformation()
        // 获取登录类型 vuex 全局设置 

    }
}
</script>

<style scoped>
.loading {
    display: flex;
    width: 100%;
    height: 100vh;
    justify-content: center;
    align-items: center;
}
</style>